/**
 * Created by luyon on 17/3/12.
 *
 *         顶层布局文件
 *
 */

'use strict'

// ============
// 引入项目依赖
// ============
import React, { Component } from 'react'
import { Link } from 'react-router'
class Frame extends Component {
    constructor (props) {
        super(props)
    }
  componentDidMount () {
    const $mainPage = $(this.refs.mainPage) ;

    //定义全屏区域滚动条样式
    $mainPage.niceScroll({
      cursorcolor: '#333', // #333 光标颜色
      cursoropacitymax: 1, // 改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
      touchbehavior: false, // 使光标拖动滚动像在台式电脑触摸设备
      cursorwidth: '5px', // 像素光标的宽度
      cursorborder: '0', // 游标边框css定义
      cursorborderradius: '5px', // 以像素为光标边界半径
      autohidemode: true // 是否隐藏滚动条
    })
  }
  render () {
    return (
      <div>
        <div>
          <div>
              {/*子组建存放位置*/}
            {this.props.children}
          </div>
        </div>
      </div>
    )
  }
}

export default Frame
